import * as React from "react";

type Props = {
  /** The size of the icon, 24px is default to match standard icons */
  size?: number;
  /** The color of the icon, defaults to the current text color */
  fill?: string;
};

export default function Icon({ size = 24, fill = "currentColor" }: Props) {
  return (
    <svg
      fill={fill}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      version="1.1"
    >
      <path d="M19.2721 13.2836H16.8902L14.3683 8.99625C14.9287 8.88416 15.349 8.37977 15.349 7.79131V4.5548C15.349 3.86826 14.8026 3.32184 14.1161 3.32184H9.9128C9.22627 3.32184 8.67984 3.86826 8.67984 4.5548V7.79131C8.67984 8.39378 9.10017 8.88416 9.64659 8.99625L7.12464 13.2976H4.74278C4.05625 13.2976 3.50983 13.844 3.50983 14.5305V17.7671C3.50983 18.4536 4.05625 19 4.74278 19H8.94605C9.63258 19 10.179 18.4536 10.179 17.7671V14.5305C10.179 13.844 9.63258 13.2976 8.94605 13.2976H8.53973L11.0337 9.03828H12.9812L15.4891 13.2976H15.0688C14.3823 13.2976 13.8358 13.844 13.8358 14.5305V17.7671C13.8358 18.4536 14.3823 19 15.0688 19H19.2721C19.9586 19 20.505 18.4536 20.505 17.7671V14.5305C20.505 13.844 19.9586 13.2836 19.2721 13.2836Z" />
      <path d="M19.2721 13.9617H16.8902L14.3683 9.67441C14.9287 9.56232 15.349 9.05793 15.349 8.46947V5.23296C15.349 4.54642 14.8026 4 14.1161 4H9.9128C9.22627 4 8.67984 4.54642 8.67984 5.23296V8.46947C8.67984 9.07194 9.10017 9.56232 9.64659 9.67441L7.12464 13.9758H4.74278C4.05625 13.9758 3.50983 14.5222 3.50983 15.2087V18.4452C3.50983 19.1318 4.05625 19.6782 4.74278 19.6782H8.94605C9.63258 19.6782 10.179 19.1318 10.179 18.4452V15.2087C10.179 14.5222 9.63258 13.9758 8.94605 13.9758H8.53973L11.0337 9.71644H12.9812L15.4891 13.9758H15.0688C14.3823 13.9758 13.8358 14.5222 13.8358 15.2087V18.4452C13.8358 19.1318 14.3823 19.6782 15.0688 19.6782H19.2721C19.9586 19.6782 20.505 19.1318 20.505 18.4452V15.2087C20.505 14.5222 19.9586 13.9617 19.2721 13.9617Z" />
    </svg>
  );
}
